type Props = {
  size?: string;
  extraClass?: string;
  disabled?: boolean
  onClick: () => void;
  text?: string | number;
  prefixText?: string | number;
  suffixText?: string | number;
  children?: React.ReactNode;
};

const Button = ({
  size = 'btn-sm',
  extraClass = 'btn-primary',
  disabled = false,
  onClick,
  text = '',
  prefixText = '',
  suffixText = '',
  children,
}: Props) => (
  <button
    onClick={onClick}
    disabled={disabled}
    className={`btn ${size} ${extraClass}`}
  >
    {prefixText}{text}{children}{suffixText}
  </button>
);

export default Button;
